<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>商品详情</title>
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../fonts/iconfont.css">
    <link rel="stylesheet" href="../css/detail.css">
    <script src="../libs/require.js" data-main="../js/detail"></script>
</head>
<body>
    <div class="top-bar">
        <div class="container">
            <div class="pInfo">
                <span class="title"></span>
                <b>|</b>
                <a href="#"></a>
            </div>
            <div class="nav-bar">
                <ul>
                    <li>概述页</li>
                    <li>参数页</li>
                    <li>F码通道</li>
                    <li>咨询客服</li>
                    <li>用户评价</li>
                </ul>
            </div>
        </div>
    </div>
    <main>
        <div class="show-img">
            <img src="#" alt="">
        </div>
        <div class="product-con">
            <h2></h2>
            <div class="sale-des">
                <font color="#ff4a00">「购机享6期免息；赠价值897元善诊体检套餐；光大信用卡分期支付满1000减80，数量有限」</font>
                
            </div>
            <p class="company-info">
                小米自营
            </p>
            <div class="price-info"></div>
            <div class="line"></div>
            <div class="address-box">
                <div class="product-address clearfix">
                    <i class="iconfont icon-aui-icon-location"></i>
                    <span class="province">北京</span>
                    <span class="urban">北京市</span>
                    <span class="area">海淀区</span>
                    <span class="street">清河街道</span>
                    <button>修改</button>
                </div>
            </div>
            <div class="buy-option">
                <div class="option-memory-box">
                    <div class="title">选择版本</div>
                    <ul class="clearfix">
                        <li>6GB+128GB</li>
                        <li>8GB+128GB</li>
                        <li>8GB+256GB</li>
                    </ul>
                </div>
                <div class="option-color-box">
                    <div class="title">选择颜色</div>
                    <ul class="clearfix">
                        <li>幻青</li>
                        <li>月魄</li>
                        <li>星纱</li>
                    </ul>
                </div>
            </div>
            <div class="total-list">
                <div class="shopping-info">
                    <span class="config"></span>
                    <span class="color"></span>
                    <span class="price"></span>
                </div>
                <div class="total-price"></div>
            </div>
            <div class="btn-box">
                <div class="sale-btn">加入购物车</div>
                <div class="favorite-btn">喜欢</div>
            </div>
        </div>
    </main>
</body>
</html>